/* ======================================================================= */
/* VARIABLES
/* ======================================================================= */

/* ----- fonts ----- */

$general_font_family	: "Open Sans", Arial, sans-serif;
$primary_font_family	: "Open Sans Condensed", Arial, sans-serif;
$secondary_font_family	: "Open Sans Condensed", Arial, sans-serif;

$font_size				: 13px;
$line_height			: floor($font_size*1.6);

/* ----- colors ----- */

$primary_color_1 		: #ef4135;
$primary_color_2 		: #ff4d41;

$secondary_color_1		: #1d242c;
$secondary_color_2		: #13171d;
$secondary_color_3		: #0f1216;
$secondary_color_4		: #51575F;
$secondary_color_5		: #717883;

$mono_color_f			: #fff;    /* lighter */
$mono_color_1			: #f3f3f3;
$mono_color_2			: #e9e9e9;
$mono_color_3			: #e0e0e0;
$mono_color_4			: #d6d6d6;
$mono_color_5			: #666;
$mono_color_6			: #444;
$mono_color_7			: #222;
$mono_color_b			: #000;    /* darker */

$border_color_1			: #f0f0f0; /* lighter */
$border_color_2			: #e0e0e0; /* darker */

$success_color_1		: #47a447;
$success_color_2		: #69c669;
$info_color_1			: #39b3d7;
$info_color_2			: #5bd5f9;
$warning_color_1		: #ed9c28;
$warning_color_2		: #ffbe4a;
$danger_color_1			: #d2322d;
$danger_color_2			: #f4544f;

/* ----- spacing ----- */

$mega_spacing: 60px;
$macro_spacing: 30px;
$micro_spacing: 20px;

/* ----- misc. ----- */

$transition: color 150ms ease-out, background-color 150ms ease-out, border-color 150ms ease-out;